<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <title>文档</title>
  <link href="./css/semantic/semantic.min.css" rel="stylesheet">
  <link href="./css/oscTree.css" rel="stylesheet">
  <link href="./css/markdown.css" rel="stylesheet">
  <link href="./css/index.css" rel="stylesheet">
</head>
<body>
  <div class="ui container">
    <div id="project-title">
      <div class="title-wrap">
        <div class="left">
          <i class="icon eye"></i>
          文档预览:
          <span id="preview-title"></span>
        </div>
        <div class="right">
          Export by Gitee
        </div>
      </div>
    </div>

    <div class="ui container" id="wiki-preview-container">
      <div id="wiki-preview">
        <div class="ui segment">
          <div class="ui grid page">
            <div class="three wide column doc-list">
              <div class="title">
                <a id="ex-all">
                  收缩全部章节
                </a>
              </div>
              <div class="ztree" id="tree"></div>
            </div>
            <div class="thirteen wide column doc-content">
              <div id="page-detail">
                <div class="title">
                </div>
                <div class="content markdown-body">
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      </div>
  </div>
</body>
</html>
<script src="./js/jquery.min.js"></script>
<script src="./js/ztree.all.js"></script>
<script src="./js/jquery.ztree.exhide.min.js"></script>
<script>
  var zTreeObj;var expandStatus=true;$(document).ready(function(){var setting={view:{showLine:true,showIcon:true},callback:{onClick:function(e,treeId,treeNode){if(treeNode!==null&&!treeNode.isParent&&typeof(treeNode.children)==="undefined"){var sort_id=treeNode.sort_id;var content=json_data.content;for(var c in content){if(c==sort_id){$("#page-detail .title").html(treeNode.name);$("#page-detail .content").html(content[c]);return false}}}else{zTreeObj.expandNode(treeNode)}}},data:{simpleData:{enable:true}}};zTreeObj=$.fn.zTree.init($("#tree"),setting,json_data.title);var first_content=json_data.title[0];$("#page-detail .title").html(first_content.name);$("#page-detail .content").html(json_data.content[first_content.sort_id]);$("#preview-title").html(json_data.preview_title);$("#ex-all").on("click",function(e){zTreeObj.expandAll(!expandStatus);expandStatus=!expandStatus;if(expandStatus){$(this).text("收缩全部章节")}else{$(this).text("展开全部章节")}})});
</script><script>var json_data = {"preview_title":"smallwei/Avue","title":[{"id":"crud\u7ec4\u4ef6\u6587\u6863","pId":0,"name":"crud\u7ec4\u4ef6\u6587\u6863","parent":null,"order":0,"sort_id":207902,"extname":".markdown","isHidden":false,"content":"#### \u8868\u683c\u5c5e\u6027\n\u003Ctable border=\"1\"  cellspacing=\"0\" width=\"100%\"\u003E\n  \u003Ctr\u003E\n    \u003Cth width=\"120\" height=\"50\"\u003E\u53c2\u6570\u003C/th\u003E\n    \u003Cth width=\"100\"\u003E\u8be6\u7ec6\u89e3\u91ca\u003C/th\u003E\n    \u003Cth width=\"100\"\u003E\u7c7b\u578b\u003C/th\u003E\n    \u003Cth width=\"250\"\u003E\u53ef\u9009\u503c\u003C/th\u003E\n    \u003Cth width=\"100\"\u003E\u9ed8\u8ba4\u503c\u003C/th\u003E\n  \u003C/tr\u003E\n  \u003Ctr  align=\"center\"\u003E\n    \u003Ctd height=\"50\"\u003Eheight\u003C/td\u003E\n\t\u003Ctd\u003E\u8868\u683c\u7684\u9ad8\u5ea6\u003C/td\u003E\n\t\u003Ctd\u003EString / Number\u003C/td\u003E\n\t\u003Ctd\u003E\u4e00\u003C/td\u003E\n\t\u003Ctd\u003E500\u003C/td\u003E\n  \u003C/tr\u003E\n  \u003Ctr align=\"center\"\u003E\n    \u003Ctd height=\"50\"\u003Eborder\u003C/td\u003E\n    \u003Ctd\u003E\u662f\u5426\u663e\u793a\u8868\u683c\u8fb9\u6846\u003C/td\u003E\n\t\u003Ctd\u003EBoolean\u003C/td\u003E\n\t\u003Ctd\u003Etrue / false\u003C/td\u003E\n\t\u003Ctd\u003Etrue\u003C/td\u003E\n  \u003C/tr\u003E\n  \u003Ctr  align=\"center\"\u003E\n    \u003Ctd height=\"50\"\u003Eindex\u003C/td\u003E\n\t\u003Ctd\u003E\u662f\u5426\u663e\u793a\u8868\u683c\u7684\u5e8f\u53f7\u003C/td\u003E\n\t\u003Ctd\u003EBoolean\u003C/td\u003E\n\t\u003Ctd\u003Etrue / false\u003C/td\u003E\n\t\u003Ctd\u003Etrue\u003C/td\u003E\n  \u003C/tr\u003E\n  \u003Ctr  align=\"center\"\u003E\n    \u003Ctd height=\"50\"\u003Eselection\u003C/td\u003E\n\t\u003Ctd\u003E\u8868\u683c\u7684\u662f\u5426\u53ef\u52fe\u9009\u003C/td\u003E\n\t\u003Ctd\u003EBoolean\u003C/td\u003E\n\t\u003Ctd\u003Etrue / false\u003C/td\u003E\n\t\u003Ctd\u003Etrue\u003C/td\u003E\n  \u003C/tr\u003E\n  \u003Ctr  align=\"center\"\u003E\n    \u003Ctd height=\"50\"\u003Emenu\u003C/td\u003E\n\t\u003Ctd\u003E\u662f\u5426\u663e\u793a\u64cd\u4f5c\u83dc\u5355\u680f\u003C/td\u003E\n\t\u003Ctd\u003EBoolean\u003C/td\u003E\n\t\u003Ctd\u003Etrue / false\u003C/td\u003E\n\t\u003Ctd\u003Etrue\u003C/td\u003E\n  \u003C/tr\u003E\n  \u003Ctr  align=\"center\"\u003E\n    \u003Ctd height=\"50\"\u003EmenuWidth\u003C/td\u003E\n\t\u003Ctd\u003E\u64cd\u4f5c\u83dc\u5355\u680f\u7684\u5bbd\u5ea6\u003C/td\u003E\n\t\u003Ctd\u003EString / Number\u003C/td\u003E\n\t\u003Ctd\u003E\u4e00\u003C/td\u003E\n\t\u003Ctd\u003E240\u003C/td\u003E\n  \u003C/tr\u003E\n  \u003Ctr  align=\"center\"\u003E\n    \u003Ctd height=\"50\"\u003EeditBtn\u003C/td\u003E\n\t\u003Ctd\u003E\u662f\u5426\u663e\u793a\u7f16\u8f91\u6309\u94ae\u003C/td\u003E\n\t\u003Ctd\u003EBoolean\u003C/td\u003E\n\t\u003Ctd\u003Etrue / false\u003C/td\u003E\n\t\u003Ctd\u003Etrue\u003C/td\u003E\n  \u003C/tr\u003E\n  \u003Ctr   align=\"center\"\u003E\n    \u003Ctd height=\"50\"\u003EdelBtn\u003C/td\u003E\n\t\u003Ctd\u003E\u662f\u5426\u663e\u793a\u5220\u9664\u6309\u94ae\u003C/td\u003E\n\t\u003Ctd\u003EBoolean\u003C/td\u003E\n\t\u003Ctd\u003Etrue / false\u003C/td\u003E\n\t\u003Ctd\u003Etrue\u003C/td\u003E\n  \u003C/tr\u003E\n  \u003Ctr  align=\"center\"\u003E\n    \u003Ctd height=\"50\"\u003Epage\u003C/td\u003E\n\t\u003Ctd\u003E\u662f\u5426\u663e\u793a\u5206\u9875\u680f\u76ee\u003C/td\u003E\n\t\u003Ctd\u003EBoolean\u003C/td\u003E\n\t\u003Ctd\u003Etrue / false\u003C/td\u003E\n\t\u003Ctd\u003Etrue\u003C/td\u003E\n  \u003C/tr\u003E\n  \u003Ctr  align=\"center\"\u003E\n    \u003Ctd height=\"50\"\u003Edic\u003C/td\u003E\n\t\u003Ctd\u003E\u8981\u52a0\u8f7d\u5b57\u5178\u7684\u5b57\u6bb5\u540d(\u8c03\u7528vuex\u4e2d\u5b57\u5178\u63a5\u53e3)\u003C/td\u003E\n\t\u003Ctd\u003EArray\u003C/td\u003E\n\t\u003Ctd\u003E\u4e00\u003C/td\u003E\n\t\u003Ctd\u003E\u4e00\u003C/td\u003E\n  \u003C/tr\u003E\n\u003C/table\u003E\n \n #### \u5217\u5c5e\u6027\n \u003Ctable border=\"1\"  cellspacing=\"0\" width=\"100%\"\u003E\n  \u003Ctr\u003E\n    \u003Cth width=\"120\" height=\"50\"\u003E\u53c2\u6570\u003C/th\u003E\n    \u003Cth width=\"100\"\u003E\u8be6\u7ec6\u89e3\u91ca\u003C/th\u003E\n    \u003Cth width=\"100\"\u003E\u7c7b\u578b\u003C/th\u003E\n    \u003Cth width=\"250\"\u003E\u53ef\u9009\u503c\u003C/th\u003E\n    \u003Cth width=\"100\"\u003E\u9ed8\u8ba4\u503c\u003C/th\u003E\n  \u003C/tr\u003E\n  \u003Ctr  align=\"center\"\u003E\n    \u003Ctd height=\"50\"\u003Elabel\u003C/td\u003E\n\t\u003Ctd\u003E\u5217\u540d\u79f0\u003C/td\u003E\n\t\u003Ctd\u003EString\u003C/td\u003E\n\t\u003Ctd\u003E\u4e00\u003C/td\u003E\n\t\u003Ctd\u003E\u4e00\u003C/td\u003E\n  \u003C/tr\u003E\n   \u003Ctr  align=\"center\"\u003E\n        \u003Ctd height=\"50\"\u003Eprop\u003C/td\u003E\n\t\u003Ctd\u003E\u5217\u5bf9\u5e94json\u5b57\u6bb5\u003C/td\u003E\n\t\u003Ctd\u003EString\u003C/td\u003E\n\t\u003Ctd\u003E\u4e00\u003C/td\u003E\n\t\u003Ctd\u003E\u4e00\u003C/td\u003E\n  \u003C/tr\u003E\n   \u003Ctr  align=\"center\"\u003E\n    \u003Ctd height=\"50\"\u003Ewidth\u003C/td\u003E\n\t\u003Ctd\u003E\u5217\u5bbd\u5ea6\u003C/td\u003E\n\t\u003Ctd\u003EString / Number\u003C/td\u003E\n\t\u003Ctd\u003E\u4e00\u003C/td\u003E\n\t\u003Ctd\u003E\u4e00\u003C/td\u003E\n  \u003C/tr\u003E\n     \u003Ctr  align=\"center\"\u003E\n    \u003Ctd height=\"50\"\u003Efixed\u003C/td\u003E\n\t\u003Ctd\u003E\u662f\u5426\u4e3a\u51bb\u7ed3\u5217\u003C/td\u003E\n\t\u003Ctd\u003EBoolean\u003C/td\u003E\n\t\u003Ctd\u003Etrue / false\u003C/td\u003E\n\t\u003Ctd\u003Etrue\u003C/td\u003E\n  \u003C/tr\u003E\n    \u003Ctr  align=\"center\"\u003E\n    \u003Ctd height=\"50\"\u003Ehide\u003C/td\u003E\n\t\u003Ctd\u003E\u9690\u85cf\u5217\u003C/td\u003E\n\t\u003Ctd\u003EBoolean\u003C/td\u003E\n\t\u003Ctd\u003Etrue / false\u003C/td\u003E\n\t\u003Ctd\u003Efalse\u003C/td\u003E\n  \u003C/tr\u003E\n  \u003Ctr  align=\"center\"\u003E\n    \u003Ctd height=\"50\"\u003Espan\u003C/td\u003E\n\t\u003Ctd\u003E\u5bf9\u5e94\u8868\u5355\u683c\u6805\u5217\u003C/td\u003E\n\t\u003Ctd\u003ENumber\u003C/td\u003E\n\t\u003Ctd\u003E\u4e00\u003C/td\u003E\n\t\u003Ctd\u003E12\u003C/td\u003E\n  \u003C/tr\u003E\n   \u003Ctr  align=\"center\"\u003E\n    \u003Ctd height=\"50\"\u003Etype\u003C/td\u003E\n\t\u003Ctd\u003E\u5bf9\u5e94\u8868\u5355\u683c\u7c7b\u578b\u003C/td\u003E\n\t\u003Ctd\u003EString\u003C/td\u003E\n\t\u003Ctd\u003Eselect / radio / checkbox / date \u003C/td\u003E\n\t\u003Ctd\u003Einput\u003C/td\u003E\n  \u003C/tr\u003E\n   \u003Ctr  align=\"center\"\u003E\n    \u003Ctd height=\"50\"\u003Evisdiplay\u003C/td\u003E\n\t\u003Ctd\u003E\u8868\u5355\u9690\u85cf\u003C/td\u003E\n\t\u003Ctd\u003EBoolean\u003C/td\u003E\n\t\u003Ctd\u003Etrue / false\u003C/td\u003E\n\t\u003Ctd\u003Efalse\u003C/td\u003E\n  \u003C/tr\u003E\n   \u003Ctr  align=\"center\"\u003E\n    \u003Ctd height=\"50\"\u003Esolt\u003C/td\u003E\n\t\u003Ctd\u003E\u5217\u4e2d\u652f\u6301\u81ea\u5b9a\u4e49dom\u003C/td\u003E\n\t\u003Ctd\u003EBoolean\u003C/td\u003E\n\t\u003Ctd\u003Etrue / false\u003C/td\u003E\n\t\u003Ctd\u003Efalse\u003C/td\u003E\n  \u003C/tr\u003E\n   \u003Ctr  align=\"center\"\u003E\n    \u003Ctd height=\"50\"\u003EoverHidden\u003C/td\u003E\n\t\u003Ctd\u003E\u8d85\u51fa\u7701\u7565\u53f7\u663e\u793a\u003C/td\u003E\n\t\u003Ctd\u003EBoolean\u003C/td\u003E\n\t\u003Ctd\u003Etrue / false\u003C/td\u003E\n\t\u003Ctd\u003Efalse\u003C/td\u003E\n  \u003C/tr\u003E\n    \u003Ctr  align=\"center\"\u003E\n    \u003Ctd height=\"50\"\u003EdicData\u003C/td\u003E\n\t\u003Ctd\u003E\u5f53\u524d\u5217\u52a0\u8f7d\u7684\u5b57\u5178\uff0c\u53ea\u6709type\u4e3aselect / radio / checkbox \u624d\u8d77\u4f5c\u7528\u003C/td\u003E\n\t\u003Ctd\u003EString\u003C/td\u003E\n\t\u003Ctd\u003E\u4e00\u003C/td\u003E\n\t\u003Ctd\u003E\u4e00\u003C/td\u003E\n  \u003C/tr\u003E\n   \u003Ctr  align=\"center\"\u003E\n    \u003Ctd height=\"50\"\u003Erules\u003C/td\u003E\n\t\u003Ctd\u003E\u8868\u5355\u7684\u6821\u9a8c\u4f8b([{ required: true, message: \"\u8bf7\u8f93\u5165\u7528\u6237\u540d\", trigger: \"blur\" }])\u003C/td\u003E\n\t\u003Ctd\u003EJSON\u003C/td\u003E\n\t\u003Ctd\u003E\u4e00\u003C/td\u003E\n\t\u003Ctd\u003E\u4e00\u003C/td\u003E\n  \u003C/tr\u003E\n \u003C/table\u003E\n \n#### \u8868\u683c\u4e8b\u4ef6\n\u003Ctable border=\"1\"  cellspacing=\"0\" width=\"100%\"\u003E\n  \u003Ctr height=\"50\" align=\"center\"\u003E\n    \u003Cth width=\"30%\"\u003E\u4e8b\u4ef6\u540d\u79f0\u003C/th\u003E\n    \u003Cth width=\"50%\"\u003E\u8bf4\u660e\u003C/th\u003E\n    \u003Cth width=\"20%\"\u003E\u56de\u8c03\u53c2\u6570\u003C/th\u003E\n  \u003C/tr\u003E\n  \u003Ctr height=\"50\"\u003E\n    \u003Ctd\u003EtoggleSelection\u003C/td\u003E\n    \u003Ctd\u003E\u8fd4\u56de\u5f53\u524d\u9009\u62e9\u7684json\u5bf9\u8c61\u003C/td\u003E\n    \u003Ctd\u003Erow\u003C/td\u003E\n  \u003C/tr\u003E\n   \u003Ctr height=\"50\"\u003E\n    \u003Ctd\u003EhandleSelectionChange\u003C/td\u003E\n    \u003Ctd\u003E\u8fd4\u56de\u5f53\u524d\u9009\u4e2d\u7684json\u6570\u7ec4\u5bf9\u8c61\u003C/td\u003E\n    \u003Ctd\u003Erow\u003C/td\u003E\n  \u003C/tr\u003E\n   \u003Ctr height=\"50\"\u003E\n    \u003Ctd\u003EhandleSave\u003C/td\u003E\n    \u003Ctd\u003E\u8868\u683c\u6dfb\u52a0\u6210\u529f\u7684\u56de\u8c03\u51fd\u6570\u003C/td\u003E\n    \u003Ctd\u003Erow\uff0cdone\u003C/td\u003E\n  \u003C/tr\u003E\n   \u003Ctr height=\"50\"\u003E\n    \u003Ctd\u003EhandleDel\u003C/td\u003E\n    \u003Ctd\u003E\u8868\u683c\u5220\u9664\u4e8b\u4ef6\u56de\u8c03\u51fd\u6570\u003C/td\u003E\n    \u003Ctd\u003Erow\uff0cdone\u003C/td\u003E\n  \u003C/tr\u003E\n    \u003Ctr height=\"50\"\u003E\n    \u003Ctd\u003EhandleUpdate\u003C/td\u003E\n    \u003Ctd\u003E\u8868\u683c\u7f16\u8f91\u4e8b\u4ef6\u56de\u8c03\u51fd\u6570\u003C/td\u003E\n    \u003Ctd\u003Erow\uff0cdone\u003C/td\u003E\n  \u003C/tr\u003E\n    \u003Ctr height=\"50\"\u003E\n    \u003Ctd\u003EboxhandleClose\u003C/td\u003E\n    \u003Ctd\u003E\u8868\u5355\u5173\u95ed\u524d\u5904\u7406\u4e8b\u4ef6\u56de\u8c03\u51fd\u6570\u003C/td\u003E\n    \u003Ctd\u003Edone\u003C/td\u003E\n  \u003C/tr\u003E\n    \u003Ctr height=\"50\"\u003E\n    \u003Ctd\u003EboxhandleOpen\u003C/td\u003E\n    \u003Ctd\u003E\u8868\u5355\u6253\u5f00\u524d\u5904\u7406\u4e8b\u4ef6\u56de\u8c03\u51fd\u6570\u003C/td\u003E\n    \u003Ctd\u003Edone\u003C/td\u003E\n  \u003C/tr\u003E\n   \u003Ctr height=\"50\"\u003E\n    \u003Ctd\u003E$refs.crud.toggleSelection(row);\u003C/td\u003E\n    \u003Ctd\u003E\u9009\u4e2d\u90a3\u4e9b\u6570\u636e\u4f20\u5165row\uff08\u5f53\u524d\u5bf9\u8c61\uff09\u003C/td\u003E\n    \u003Ctd\u003E\u4e00\u003C/td\u003E\n  \u003C/tr\u003E\n   \u003Ctr height=\"50\"\u003E\n    \u003Ctd\u003E$refs.crud.handleAdd();\u003C/td\u003E\n    \u003Ctd\u003E\u6253\u5f00\u8868\u5355\u7684\u589e\u52a0\u5f39\u7a97\u003C/td\u003E\n    \u003Ctd\u003E\u4e00\u003C/td\u003E\n\u003C/table\u003E\n\n#### \u81ea\u5b9a\u4e49\u5217dom\u7684\u4f8b\u5b50\n```html\n\u652f\u6301vue\u7684solt\u5361\u69fd\u5206\u53d1\u6dfb\u52a0dom\u5185\u5bb9\u003Cbr /\u003E\n\u003Ctemplate slot-scope=\"scope\" slot=\"username\"\u003E\n  \u003Cel-tag\u003E{{scope.row.username}}\u003C/el-tag\u003E\n\u003C/template\u003E\n\u003Ctemplate slot-scope=\"scope\" slot=\"menu\"\u003E\n  \u003Cel-button icon=\"el-icon-check\" size=\"small\" @click=\"handleGrade(scope.row,scope.$index)\"\u003E\u6743\u9650\u003C/el-button\u003E\n\u003C/template\u003E\nslot\u7684\u540d\u5b57\u4e3a\u5b57\u6bb5\u7684\u540d\u5b57\uff0c\u5f53\u4e3amenu\u65f6\u4e3a\u83dc\u5355\u6dfb\u52a0dom\u5185\u5bb9\u003Cbr /\u003E\njs\u81ea\u52a8\u914d\u7f6ecrud\u003Cbr /\u003E\n{\n  border: true,//\u8868\u683c\u662f\u5426\u663e\u793a\u8fb9\u6846 default:false\n  index: true,///\u8868\u683c\u662f\u5426\u663e\u793a\u5e8f\u53f7 default:false\n  selection: true,//\u8868\u683c\u662f\u5426\u663e\u793a\u53ef\u9009select default:false\n  menu:true,//\u8868\u683c\u662f\u5426\u663e\u793a\u64cd\u4f5c\u680f, default:true\n  menuWidth:250,//\u64cd\u4f5c\u83dc\u5355\u7684\u5bbd\u5ea6\n  editBtn:false,//\u662f\u5426\u663e\u793a\u7f16\u8f91\u6309\u94ae default:true\n  delBtn:false,//\u662f\u5426\u663e\u793a\u5220\u9664\u6309\u94ae default:true\n  page:false,//\u662f\u5426\u663e\u793a\u5206\u9875 default:true\n  height:'500'//\u8868\u683c\u7684\u9ad8\u5ea6 default:auto\n  dic:['GRADE','SEX'],//\u4f20\u5165\u9700\u8981\u83b7\u53d6\u5b57\u5178\u7684\u53d8\u91cf\uff0c\u770bvuex\u4e2d\u7684getDic\u65b9\u6cd5\n  column: [\n    {\n      label: \"\u7528\u6237\u540d\",//\u8868\u683c\u7684\u6807\u9898\n      prop: \"username\",//\u8868\u683c\u7684key\n      width: \"150\",//\u8868\u683c\u7684\u5bbd\u5ea6\n      fixed: true,//\u662f\u5426\u51bb\u7ed3\u5217\n      hide:true,//\u662f\u5426\u9690\u85cf\n      span:12,//\u8868\u5355\u683c\u6805\u663e\u793a\u7684\u5217\n      type:'select', //select | radio | checkbox | date defaulttext\n      visdiplay:true,//\u8868\u5355\u4e0d\u663e\u793a\n      solt:true,//\u652f\u6301\u81ea\u5b9a\u4e49dom default:false,\n      overHidden: true,//\u8d85\u51fa\u7701\u7565\u53f7\u663e\u793a\n      dicData: 'GRADE', //\u4f20\u5165\u9700\u8981\u5f15\u7528\u7684\u5b57\u5178\n      ],//type\u7684\u6570\u636e\u5b57\u5178,\u5f53type\u4e3a\uff1aselect | radio | checkbox \u52a0\u8f7d\n      dataDetail: row =\u003E {\n        return row.username+user.name;//\u662f\u5426\u5bf9\u5217\u8868\u6570\u636e\u5904\u7406\n      },\n      rules: [{ required: true, message: \"\u8bf7\u8f93\u5165\u7528\u6237\u540d\", trigger: \"blur\" }] //\u8868\u5355\u6821\u9a8c\u89c4\u5219\n    }\n}\n```"}],"content":{"207902":"\u003Ch4\u003E\u003Ca class=\"anchor\" id=\"\u8868\u683c\u5c5e\u6027_1\" href=\"#\u8868\u683c\u5c5e\u6027_1\"\u003E\u003C/a\u003E\u8868\u683c\u5c5e\u6027\u003C/h4\u003E\n\u003Ctable width=\"100%\"\u003E\n  \u003Ctr\u003E\n    \u003Cth width=\"120\" height=\"50\"\u003E\u53c2\u6570\u003C/th\u003E\n    \u003Cth width=\"100\"\u003E\u8be6\u7ec6\u89e3\u91ca\u003C/th\u003E\n    \u003Cth width=\"100\"\u003E\u7c7b\u578b\u003C/th\u003E\n    \u003Cth width=\"250\"\u003E\u53ef\u9009\u503c\u003C/th\u003E\n    \u003Cth width=\"100\"\u003E\u9ed8\u8ba4\u503c\u003C/th\u003E\n  \u003C/tr\u003E\n  \u003Ctr\u003E\n    \u003Ctd height=\"50\"\u003Eheight\u003C/td\u003E\n    \u003Ctd\u003E\u8868\u683c\u7684\u9ad8\u5ea6\u003C/td\u003E\n    \u003Ctd\u003EString / Number\u003C/td\u003E\n    \u003Ctd\u003E\u4e00\u003C/td\u003E\n    \u003Ctd\u003E500\u003C/td\u003E\n  \u003C/tr\u003E\n  \u003Ctr\u003E\n    \u003Ctd height=\"50\"\u003Eborder\u003C/td\u003E\n    \u003Ctd\u003E\u662f\u5426\u663e\u793a\u8868\u683c\u8fb9\u6846\u003C/td\u003E\n    \u003Ctd\u003EBoolean\u003C/td\u003E\n    \u003Ctd\u003Etrue / false\u003C/td\u003E\n    \u003Ctd\u003Etrue\u003C/td\u003E\n  \u003C/tr\u003E\n  \u003Ctr\u003E\n    \u003Ctd height=\"50\"\u003Eindex\u003C/td\u003E\n    \u003Ctd\u003E\u662f\u5426\u663e\u793a\u8868\u683c\u7684\u5e8f\u53f7\u003C/td\u003E\n    \u003Ctd\u003EBoolean\u003C/td\u003E\n    \u003Ctd\u003Etrue / false\u003C/td\u003E\n    \u003Ctd\u003Etrue\u003C/td\u003E\n  \u003C/tr\u003E\n  \u003Ctr\u003E\n    \u003Ctd height=\"50\"\u003Eselection\u003C/td\u003E\n    \u003Ctd\u003E\u8868\u683c\u7684\u662f\u5426\u53ef\u52fe\u9009\u003C/td\u003E\n    \u003Ctd\u003EBoolean\u003C/td\u003E\n    \u003Ctd\u003Etrue / false\u003C/td\u003E\n    \u003Ctd\u003Etrue\u003C/td\u003E\n  \u003C/tr\u003E\n  \u003Ctr\u003E\n    \u003Ctd height=\"50\"\u003Emenu\u003C/td\u003E\n    \u003Ctd\u003E\u662f\u5426\u663e\u793a\u64cd\u4f5c\u83dc\u5355\u680f\u003C/td\u003E\n    \u003Ctd\u003EBoolean\u003C/td\u003E\n    \u003Ctd\u003Etrue / false\u003C/td\u003E\n    \u003Ctd\u003Etrue\u003C/td\u003E\n  \u003C/tr\u003E\n  \u003Ctr\u003E\n    \u003Ctd height=\"50\"\u003EmenuWidth\u003C/td\u003E\n    \u003Ctd\u003E\u64cd\u4f5c\u83dc\u5355\u680f\u7684\u5bbd\u5ea6\u003C/td\u003E\n    \u003Ctd\u003EString / Number\u003C/td\u003E\n    \u003Ctd\u003E\u4e00\u003C/td\u003E\n    \u003Ctd\u003E240\u003C/td\u003E\n  \u003C/tr\u003E\n  \u003Ctr\u003E\n    \u003Ctd height=\"50\"\u003EeditBtn\u003C/td\u003E\n    \u003Ctd\u003E\u662f\u5426\u663e\u793a\u7f16\u8f91\u6309\u94ae\u003C/td\u003E\n    \u003Ctd\u003EBoolean\u003C/td\u003E\n    \u003Ctd\u003Etrue / false\u003C/td\u003E\n    \u003Ctd\u003Etrue\u003C/td\u003E\n  \u003C/tr\u003E\n  \u003Ctr\u003E\n    \u003Ctd height=\"50\"\u003EdelBtn\u003C/td\u003E\n    \u003Ctd\u003E\u662f\u5426\u663e\u793a\u5220\u9664\u6309\u94ae\u003C/td\u003E\n    \u003Ctd\u003EBoolean\u003C/td\u003E\n    \u003Ctd\u003Etrue / false\u003C/td\u003E\n    \u003Ctd\u003Etrue\u003C/td\u003E\n  \u003C/tr\u003E\n  \u003Ctr\u003E\n    \u003Ctd height=\"50\"\u003Epage\u003C/td\u003E\n    \u003Ctd\u003E\u662f\u5426\u663e\u793a\u5206\u9875\u680f\u76ee\u003C/td\u003E\n    \u003Ctd\u003EBoolean\u003C/td\u003E\n    \u003Ctd\u003Etrue / false\u003C/td\u003E\n    \u003Ctd\u003Etrue\u003C/td\u003E\n  \u003C/tr\u003E\n  \u003Ctr\u003E\n    \u003Ctd height=\"50\"\u003Edic\u003C/td\u003E\n    \u003Ctd\u003E\u8981\u52a0\u8f7d\u5b57\u5178\u7684\u5b57\u6bb5\u540d(\u8c03\u7528vuex\u4e2d\u5b57\u5178\u63a5\u53e3)\u003C/td\u003E\n    \u003Ctd\u003EArray\u003C/td\u003E\n    \u003Ctd\u003E\u4e00\u003C/td\u003E\n    \u003Ctd\u003E\u4e00\u003C/td\u003E\n  \u003C/tr\u003E\n\u003C/table\u003E\n \n\n\u003Cp\u003E#### \u5217\u5c5e\u6027\n \u003C/p\u003E\u003Ctable width=\"100%\"\u003E\n  \u003Ctr\u003E\n    \u003Cth width=\"120\" height=\"50\"\u003E\u53c2\u6570\u003C/th\u003E\n    \u003Cth width=\"100\"\u003E\u8be6\u7ec6\u89e3\u91ca\u003C/th\u003E\n    \u003Cth width=\"100\"\u003E\u7c7b\u578b\u003C/th\u003E\n    \u003Cth width=\"250\"\u003E\u53ef\u9009\u503c\u003C/th\u003E\n    \u003Cth width=\"100\"\u003E\u9ed8\u8ba4\u503c\u003C/th\u003E\n  \u003C/tr\u003E\n  \u003Ctr\u003E\n    \u003Ctd height=\"50\"\u003Elabel\u003C/td\u003E\n    \u003Ctd\u003E\u5217\u540d\u79f0\u003C/td\u003E\n    \u003Ctd\u003EString\u003C/td\u003E\n    \u003Ctd\u003E\u4e00\u003C/td\u003E\n    \u003Ctd\u003E\u4e00\u003C/td\u003E\n  \u003C/tr\u003E\n   \u003Ctr\u003E\n        \u003Ctd height=\"50\"\u003Eprop\u003C/td\u003E\n    \u003Ctd\u003E\u5217\u5bf9\u5e94json\u5b57\u6bb5\u003C/td\u003E\n    \u003Ctd\u003EString\u003C/td\u003E\n    \u003Ctd\u003E\u4e00\u003C/td\u003E\n    \u003Ctd\u003E\u4e00\u003C/td\u003E\n  \u003C/tr\u003E\n   \u003Ctr\u003E\n    \u003Ctd height=\"50\"\u003Ewidth\u003C/td\u003E\n    \u003Ctd\u003E\u5217\u5bbd\u5ea6\u003C/td\u003E\n    \u003Ctd\u003EString / Number\u003C/td\u003E\n    \u003Ctd\u003E\u4e00\u003C/td\u003E\n    \u003Ctd\u003E\u4e00\u003C/td\u003E\n  \u003C/tr\u003E\n     \u003Ctr\u003E\n    \u003Ctd height=\"50\"\u003Efixed\u003C/td\u003E\n    \u003Ctd\u003E\u662f\u5426\u4e3a\u51bb\u7ed3\u5217\u003C/td\u003E\n    \u003Ctd\u003EBoolean\u003C/td\u003E\n    \u003Ctd\u003Etrue / false\u003C/td\u003E\n    \u003Ctd\u003Etrue\u003C/td\u003E\n  \u003C/tr\u003E\n    \u003Ctr\u003E\n    \u003Ctd height=\"50\"\u003Ehide\u003C/td\u003E\n    \u003Ctd\u003E\u9690\u85cf\u5217\u003C/td\u003E\n    \u003Ctd\u003EBoolean\u003C/td\u003E\n    \u003Ctd\u003Etrue / false\u003C/td\u003E\n    \u003Ctd\u003Efalse\u003C/td\u003E\n  \u003C/tr\u003E\n  \u003Ctr\u003E\n    \u003Ctd height=\"50\"\u003Espan\u003C/td\u003E\n    \u003Ctd\u003E\u5bf9\u5e94\u8868\u5355\u683c\u6805\u5217\u003C/td\u003E\n    \u003Ctd\u003ENumber\u003C/td\u003E\n    \u003Ctd\u003E\u4e00\u003C/td\u003E\n    \u003Ctd\u003E12\u003C/td\u003E\n  \u003C/tr\u003E\n   \u003Ctr\u003E\n    \u003Ctd height=\"50\"\u003Etype\u003C/td\u003E\n    \u003Ctd\u003E\u5bf9\u5e94\u8868\u5355\u683c\u7c7b\u578b\u003C/td\u003E\n    \u003Ctd\u003EString\u003C/td\u003E\n    \u003Ctd\u003Eselect / radio / checkbox / date \u003C/td\u003E\n    \u003Ctd\u003Einput\u003C/td\u003E\n  \u003C/tr\u003E\n   \u003Ctr\u003E\n    \u003Ctd height=\"50\"\u003Evisdiplay\u003C/td\u003E\n    \u003Ctd\u003E\u8868\u5355\u9690\u85cf\u003C/td\u003E\n    \u003Ctd\u003EBoolean\u003C/td\u003E\n    \u003Ctd\u003Etrue / false\u003C/td\u003E\n    \u003Ctd\u003Efalse\u003C/td\u003E\n  \u003C/tr\u003E\n   \u003Ctr\u003E\n    \u003Ctd height=\"50\"\u003Esolt\u003C/td\u003E\n    \u003Ctd\u003E\u5217\u4e2d\u652f\u6301\u81ea\u5b9a\u4e49dom\u003C/td\u003E\n    \u003Ctd\u003EBoolean\u003C/td\u003E\n    \u003Ctd\u003Etrue / false\u003C/td\u003E\n    \u003Ctd\u003Efalse\u003C/td\u003E\n  \u003C/tr\u003E\n   \u003Ctr\u003E\n    \u003Ctd height=\"50\"\u003EoverHidden\u003C/td\u003E\n    \u003Ctd\u003E\u8d85\u51fa\u7701\u7565\u53f7\u663e\u793a\u003C/td\u003E\n    \u003Ctd\u003EBoolean\u003C/td\u003E\n    \u003Ctd\u003Etrue / false\u003C/td\u003E\n    \u003Ctd\u003Efalse\u003C/td\u003E\n  \u003C/tr\u003E\n    \u003Ctr\u003E\n    \u003Ctd height=\"50\"\u003EdicData\u003C/td\u003E\n    \u003Ctd\u003E\u5f53\u524d\u5217\u52a0\u8f7d\u7684\u5b57\u5178\uff0c\u53ea\u6709type\u4e3aselect / radio / checkbox \u624d\u8d77\u4f5c\u7528\u003C/td\u003E\n    \u003Ctd\u003EString\u003C/td\u003E\n    \u003Ctd\u003E\u4e00\u003C/td\u003E\n    \u003Ctd\u003E\u4e00\u003C/td\u003E\n  \u003C/tr\u003E\n   \u003Ctr\u003E\n    \u003Ctd height=\"50\"\u003Erules\u003C/td\u003E\n    \u003Ctd\u003E\u8868\u5355\u7684\u6821\u9a8c\u4f8b([{ required: true, message: \"\u8bf7\u8f93\u5165\u7528\u6237\u540d\", trigger: \"blur\" }])\u003C/td\u003E\n    \u003Ctd\u003EJSON\u003C/td\u003E\n    \u003Ctd\u003E\u4e00\u003C/td\u003E\n    \u003Ctd\u003E\u4e00\u003C/td\u003E\n  \u003C/tr\u003E\n \u003C/table\u003E\n\u003Ch4\u003E\u003Ca class=\"anchor\" id=\"\u8868\u683c\u4e8b\u4ef6_1\" href=\"#\u8868\u683c\u4e8b\u4ef6_1\"\u003E\u003C/a\u003E\u8868\u683c\u4e8b\u4ef6\u003C/h4\u003E\n\u003Ctable width=\"100%\"\u003E\n  \u003Ctr height=\"50\"\u003E\n    \u003Cth width=\"30%\"\u003E\u4e8b\u4ef6\u540d\u79f0\u003C/th\u003E\n    \u003Cth width=\"50%\"\u003E\u8bf4\u660e\u003C/th\u003E\n    \u003Cth width=\"20%\"\u003E\u56de\u8c03\u53c2\u6570\u003C/th\u003E\n  \u003C/tr\u003E\n  \u003Ctr height=\"50\"\u003E\n    \u003Ctd\u003EtoggleSelection\u003C/td\u003E\n    \u003Ctd\u003E\u8fd4\u56de\u5f53\u524d\u9009\u62e9\u7684json\u5bf9\u8c61\u003C/td\u003E\n    \u003Ctd\u003Erow\u003C/td\u003E\n  \u003C/tr\u003E\n   \u003Ctr height=\"50\"\u003E\n    \u003Ctd\u003EhandleSelectionChange\u003C/td\u003E\n    \u003Ctd\u003E\u8fd4\u56de\u5f53\u524d\u9009\u4e2d\u7684json\u6570\u7ec4\u5bf9\u8c61\u003C/td\u003E\n    \u003Ctd\u003Erow\u003C/td\u003E\n  \u003C/tr\u003E\n   \u003Ctr height=\"50\"\u003E\n    \u003Ctd\u003EhandleSave\u003C/td\u003E\n    \u003Ctd\u003E\u8868\u683c\u6dfb\u52a0\u6210\u529f\u7684\u56de\u8c03\u51fd\u6570\u003C/td\u003E\n    \u003Ctd\u003Erow\uff0cdone\u003C/td\u003E\n  \u003C/tr\u003E\n   \u003Ctr height=\"50\"\u003E\n    \u003Ctd\u003EhandleDel\u003C/td\u003E\n    \u003Ctd\u003E\u8868\u683c\u5220\u9664\u4e8b\u4ef6\u56de\u8c03\u51fd\u6570\u003C/td\u003E\n    \u003Ctd\u003Erow\uff0cdone\u003C/td\u003E\n  \u003C/tr\u003E\n    \u003Ctr height=\"50\"\u003E\n    \u003Ctd\u003EhandleUpdate\u003C/td\u003E\n    \u003Ctd\u003E\u8868\u683c\u7f16\u8f91\u4e8b\u4ef6\u56de\u8c03\u51fd\u6570\u003C/td\u003E\n    \u003Ctd\u003Erow\uff0cdone\u003C/td\u003E\n  \u003C/tr\u003E\n    \u003Ctr height=\"50\"\u003E\n    \u003Ctd\u003EboxhandleClose\u003C/td\u003E\n    \u003Ctd\u003E\u8868\u5355\u5173\u95ed\u524d\u5904\u7406\u4e8b\u4ef6\u56de\u8c03\u51fd\u6570\u003C/td\u003E\n    \u003Ctd\u003Edone\u003C/td\u003E\n  \u003C/tr\u003E\n    \u003Ctr height=\"50\"\u003E\n    \u003Ctd\u003EboxhandleOpen\u003C/td\u003E\n    \u003Ctd\u003E\u8868\u5355\u6253\u5f00\u524d\u5904\u7406\u4e8b\u4ef6\u56de\u8c03\u51fd\u6570\u003C/td\u003E\n    \u003Ctd\u003Edone\u003C/td\u003E\n  \u003C/tr\u003E\n   \u003Ctr height=\"50\"\u003E\n    \u003Ctd\u003E$refs.crud.toggleSelection(row);\u003C/td\u003E\n    \u003Ctd\u003E\u9009\u4e2d\u90a3\u4e9b\u6570\u636e\u4f20\u5165row\uff08\u5f53\u524d\u5bf9\u8c61\uff09\u003C/td\u003E\n    \u003Ctd\u003E\u4e00\u003C/td\u003E\n  \u003C/tr\u003E\n   \u003Ctr height=\"50\"\u003E\n    \u003Ctd\u003E$refs.crud.handleAdd();\u003C/td\u003E\n    \u003Ctd\u003E\u6253\u5f00\u8868\u5355\u7684\u589e\u52a0\u5f39\u7a97\u003C/td\u003E\n    \u003Ctd\u003E\u4e00\u003C/td\u003E\n\u003C/tr\u003E\n\u003C/table\u003E\n\u003Ch4\u003E\u003Ca class=\"anchor\" id=\"\u81ea\u5b9a\u4e49\u5217dom\u7684\u4f8b\u5b50_1\" href=\"#\u81ea\u5b9a\u4e49\u5217dom\u7684\u4f8b\u5b50_1\"\u003E\u003C/a\u003E\u81ea\u5b9a\u4e49\u5217dom\u7684\u4f8b\u5b50\u003C/h4\u003E\u003Cdiv class=\"white\"\u003E\u003Cdiv class=\"highlight\"\u003E\u003Cpre\u003E\u652f\u6301vue\u7684solt\u5361\u69fd\u5206\u53d1\u6dfb\u52a0dom\u5185\u5bb9\u003Cspan class=\"nt\"\u003E\u0026lt;br\u003C/span\u003E \u003Cspan class=\"nt\"\u003E/\u0026gt;\u003C/span\u003E\n\u003Cspan class=\"nt\"\u003E\u0026lt;template\u003C/span\u003E \u003Cspan class=\"na\"\u003Eslot-scope=\u003C/span\u003E\u003Cspan class=\"s\"\u003E\"scope\"\u003C/span\u003E \u003Cspan class=\"na\"\u003Eslot=\u003C/span\u003E\u003Cspan class=\"s\"\u003E\"username\"\u003C/span\u003E\u003Cspan class=\"nt\"\u003E\u0026gt;\u003C/span\u003E\n  \u003Cspan class=\"nt\"\u003E\u0026lt;el-tag\u0026gt;\u003C/span\u003E{{scope.row.username}}\u003Cspan class=\"nt\"\u003E\u0026lt;/el-tag\u0026gt;\u003C/span\u003E\n\u003Cspan class=\"nt\"\u003E\u0026lt;/template\u0026gt;\u003C/span\u003E\n\u003Cspan class=\"nt\"\u003E\u0026lt;template\u003C/span\u003E \u003Cspan class=\"na\"\u003Eslot-scope=\u003C/span\u003E\u003Cspan class=\"s\"\u003E\"scope\"\u003C/span\u003E \u003Cspan class=\"na\"\u003Eslot=\u003C/span\u003E\u003Cspan class=\"s\"\u003E\"menu\"\u003C/span\u003E\u003Cspan class=\"nt\"\u003E\u0026gt;\u003C/span\u003E\n  \u003Cspan class=\"nt\"\u003E\u0026lt;el-button\u003C/span\u003E \u003Cspan class=\"na\"\u003Eicon=\u003C/span\u003E\u003Cspan class=\"s\"\u003E\"el-icon-check\"\u003C/span\u003E \u003Cspan class=\"na\"\u003Esize=\u003C/span\u003E\u003Cspan class=\"s\"\u003E\"small\"\u003C/span\u003E \u003Cspan class=\"err\"\u003E@\u003C/span\u003E\u003Cspan class=\"na\"\u003Eclick=\u003C/span\u003E\u003Cspan class=\"s\"\u003E\"handleGrade(scope.row,scope.$index)\"\u003C/span\u003E\u003Cspan class=\"nt\"\u003E\u0026gt;\u003C/span\u003E\u6743\u9650\u003Cspan class=\"nt\"\u003E\u0026lt;/el-button\u0026gt;\u003C/span\u003E\n\u003Cspan class=\"nt\"\u003E\u0026lt;/template\u0026gt;\u003C/span\u003E\nslot\u7684\u540d\u5b57\u4e3a\u5b57\u6bb5\u7684\u540d\u5b57\uff0c\u5f53\u4e3amenu\u65f6\u4e3a\u83dc\u5355\u6dfb\u52a0dom\u5185\u5bb9\u003Cspan class=\"nt\"\u003E\u0026lt;br\u003C/span\u003E \u003Cspan class=\"nt\"\u003E/\u0026gt;\u003C/span\u003E\njs\u81ea\u52a8\u914d\u7f6ecrud\u003Cspan class=\"nt\"\u003E\u0026lt;br\u003C/span\u003E \u003Cspan class=\"nt\"\u003E/\u0026gt;\u003C/span\u003E\n{\n  border: true,//\u8868\u683c\u662f\u5426\u663e\u793a\u8fb9\u6846 default:false\n  index: true,///\u8868\u683c\u662f\u5426\u663e\u793a\u5e8f\u53f7 default:false\n  selection: true,//\u8868\u683c\u662f\u5426\u663e\u793a\u53ef\u9009select default:false\n  menu:true,//\u8868\u683c\u662f\u5426\u663e\u793a\u64cd\u4f5c\u680f, default:true\n  menuWidth:250,//\u64cd\u4f5c\u83dc\u5355\u7684\u5bbd\u5ea6\n  editBtn:false,//\u662f\u5426\u663e\u793a\u7f16\u8f91\u6309\u94ae default:true\n  delBtn:false,//\u662f\u5426\u663e\u793a\u5220\u9664\u6309\u94ae default:true\n  page:false,//\u662f\u5426\u663e\u793a\u5206\u9875 default:true\n  height:'500'//\u8868\u683c\u7684\u9ad8\u5ea6 default:auto\n  dic:['GRADE','SEX'],//\u4f20\u5165\u9700\u8981\u83b7\u53d6\u5b57\u5178\u7684\u53d8\u91cf\uff0c\u770bvuex\u4e2d\u7684getDic\u65b9\u6cd5\n  column: [\n    {\n      label: \"\u7528\u6237\u540d\",//\u8868\u683c\u7684\u6807\u9898\n      prop: \"username\",//\u8868\u683c\u7684key\n      width: \"150\",//\u8868\u683c\u7684\u5bbd\u5ea6\n      fixed: true,//\u662f\u5426\u51bb\u7ed3\u5217\n      hide:true,//\u662f\u5426\u9690\u85cf\n      span:12,//\u8868\u5355\u683c\u6805\u663e\u793a\u7684\u5217\n      type:'select', //select | radio | checkbox | date defaulttext\n      visdiplay:true,//\u8868\u5355\u4e0d\u663e\u793a\n      solt:true,//\u652f\u6301\u81ea\u5b9a\u4e49dom default:false,\n      overHidden: true,//\u8d85\u51fa\u7701\u7565\u53f7\u663e\u793a\n      dicData: 'GRADE', //\u4f20\u5165\u9700\u8981\u5f15\u7528\u7684\u5b57\u5178\n      ],//type\u7684\u6570\u636e\u5b57\u5178,\u5f53type\u4e3a\uff1aselect | radio | checkbox \u52a0\u8f7d\n      dataDetail: row =\u0026gt; {\n        return row.username+user.name;//\u662f\u5426\u5bf9\u5217\u8868\u6570\u636e\u5904\u7406\n      },\n      rules: [{ required: true, message: \"\u8bf7\u8f93\u5165\u7528\u6237\u540d\", trigger: \"blur\" }] //\u8868\u5355\u6821\u9a8c\u89c4\u5219\n    }\n}\n\u003C/pre\u003E\u003C/div\u003E\u003C/div\u003E"}}</script>